<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/header2.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/shangpind.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/shangchennav.css" type="text/css"> 
<link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css">
<script type="text/javascript">
    var ctx = '${ctx}';
    function goodsDetail(id){
    	window.location.href = ctx +"/integralDetail?id=" + id;
    }
    
    function showParam(id){
    	window.location.href = ctx +"/showIntegralParam?id=" + id;
    }
    
    function goodsComments(id){
    	window.location.href = ctx +"/integralGoodsComments?id=" + id;
    }
</script>
<style>
	.wrap-bar 
</style>
</head>
<body>
	 <jsp:include page="/views/common/head_main.jsp" />

	<div class="bg">
		<div class="contentbox1 contentbox">
			<div class="nav">
				 <ul>
                    <li><a href="${ctx}/main?item=4">商城首页</a></li><span>|</span>
                    <li><a href="${ctx}/mallSeckill">秒杀专区</a></li><span>|</span>
                    <li><a href="${ctx}/main?item=4#article">精品推荐</a></li><span>|</span>
                    <li><a href="${ctx}/main?item=4#hotshop">热门商铺</a></li><span>|</span>
                    <li><a href="${ctx}/mallIntegral">积分专区</a></li>
                </ul>
				<div class="seabox">
					<select class="searchhh" id="selectType">
					<option value="1">商品</option>
					<option value="2">店铺</option>
					</select>
					<input class="search" type="text" id="name"></input><button class="searchbtn" onclick="searchGoodsOrShops()">搜索</button>
				</div>
				<div class="cartbox">
                	 <img src="${ctx}/images/mall/cart.png">&nbsp;&nbsp;&nbsp;<a href="${ctx}/shopcart/shopcartList" target="_blank">我的购物车</a>
                </div>
			</div>
		</div>
		<div class="contentbox2 contentbox">
			<div class="item-wrap">
				<div class="item-info" >
					<div class="item-location">
						<span>商城</span><span> / </span><span>积分专区</span>
					</div>
					<div class="item-info-l" >
						<div class="gallery">
							<div class="main-pic">
								<a href=""><img src="${sessionScope.image_logo}${goodsInfo.logo}" /></a>
							</div>
							<ul class="small-pic">
								<li><a href=""><img src="../image/t.jpg" /></a></li>
								<li><a href=""><img src="../image/t2.jpg" /></a></li>
								<li><a href=""><img src="../image/t3.jpg" /></a></li>
								<li><a href=""><img src="../image/t4.jpg" /></a></li>
								<li><a href=""><img src="../image/t5.jpg" /></a></li>
							</ul>
						</div>
					</div>
					<div class="item-info-r">
						<div class="padd">
							<p class="item-title">
								${goodsInfo.name}
							</p>
							<div class="item-price">
							换购价：<span class="price-color">￥${goodsInfo.integralNum}积分</span>
							</div>
							<div class="item-tips">
								<p>温馨提示：</p>
								<p>1. 支持2小时送达</p>
								<p>2. 在线支付订单需在2小时内支付，否则订单将被取消</p>
							</div>
							<div class="buy-stock">
								<div class="stock-box">
									<div class="text-num">数量：</div>
									
									<div class="stock"><a href="">-</a><input class="stock-num" value="1"></input><a href="">+</a></div>
								</div>
								<div class="buybox">
									<div class="buy action"><a class="link-buy" href="">立即兑换</a></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="ad">
				<c:if test="${shopInfo != null}">
					<div class="padd">
						<div class="ad-logo"><img src="${sessionScope.image_logo}${shopInfo.logo}" /></div>
						<p><span class="font-w">${shopInfo.name}</span>&nbsp;<span class="shop-type">自营</span></p>
						<p><span class="font-w">电话：</span>${shopInfo.phone}</p>
						<p><span class="font-w">地址：</span><span class="address">${shopInfo.address}</span></p>
						<button class="enter-shop">进店逛逛</button>
					</div>
				</c:if>
				</div>
			</div>
		</div>
		<div class="contentbox3 contentbox">
			<div class="item-d-r" style="width:1200px;margin-left: 0;">
				<div class="wrap-bar" style="background:#89C9D5; ">
					<ul>
						<li ><a onclick="goodsDetail(${goodsInfo.id})" class="selected" style="display: inline-block;width: 100%;height: 100%;">商品详情</a></li>
						<li><a  style="color:#fff" onclick="showParam(${goodsInfo.id})">规格参数</a></li>
						<li><a style="color:#fff" onclick="goodsComments(${goodsInfo.id})">商品评价<span>(158)</span></a></li>
					</ul>
				</div>
				<div class="wrap-details">
					<div class="item-attribute">
						<div class="padd" style="padding:45px;">
							<ul>
								<li>商品名称：${goodsInfo.name}</li>
								<li>商品名称：${goodsInfo.name}</li>
								<li>商品名称：${goodsInfo.name}</li>
								<li>商品名称：${goodsInfo.name}</li>
								<li>商品名称：${goodsInfo.name}</li>
								<li>商品名称：${goodsInfo.name}</li>
								<li>商品名称：${goodsInfo.name}</li>
								<li>商品名称：${goodsInfo.name}</li>
								<li>商品名称：${goodsInfo.name}</li>
								<li>商品名称：${goodsInfo.name}</li>
								<li>商品名称：${goodsInfo.name}</li>
								<li>商品名称：${goodsInfo.name}</li>
							</ul>
						</div>
					</div>
					<div class="item-description">
							<div class="pic-wrap">
								<img src="../image/sd5.png" />
								<img src="../image/sd4.png" />
							</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="/views/common/footer.jsp" />
	</body>
</html>